<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表单页面</title>
    计科2412孙佳仪18<br />
    <style>
        table {
            border-collapse: collapse;
            width: 600px;
            margin: 20px;
        }
        td {
            border: 1px solid #000;
            padding: 8px;
        }
        .row-blue-bg td {
            background-color: #E6F7FF;
        }
    </style>
</head>
<body>
    <form>
        <table>
            <tr>
                <td>用户名:</td>
                <td><input type="text" value="赵二"></td>
            </tr>
            <!-- 密码整行蓝色 -->
            <tr class="row-blue-bg">
                <td>密码:</td>
                <td><input type="password" value="***"></td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    <input type="radio" name="gender" id="male">
                    <label for="male">男</label>
                    <input type="radio" name="gender" id="female" checked>
                    <label for="female">女</label>
                </td>
            </tr>
            <tr class="row-blue-bg">
                <td>年龄:</td>
                <td><input type="number" value="30"></td>
            </tr>
            <tr>
                <td>是否党员:</td>
                <td>
                    <input type="checkbox" id="party">
                    <label for="party">(选中为是，不选为否)</label>
                </td>
            </tr>
            <tr class="row-blue-bg">
                <td>所在省市:</td>
                <td>
                    <select>
                        <option value="tianjin" selected>天津</option>
                        <option value="beijing">北京</option>
                    </select> (默认选中天津)
                </td>
            </tr>
            <tr>
                <td>个人爱好:</td>
                <td>
                    <input type="checkbox" id="football">
                    <label for="football">踢足球</label>
                    <input type="checkbox" id="basketball" checked>
                    <label for="basketball">打篮球</label>
                    <input type="checkbox" id="movie">
                    <label for="movie">看电影</label>
                    <input type="checkbox" id="game">
                    <label for="game">玩游戏</label>
                </td>
            </tr>
            <tr class="row-blue-bg">
                <td>上传照片:</td>
                <td>
                    <input type="file"> 未选择文件
                </td>
            </tr>
            <tr>
                <td>国籍:</td>
                <td>
                    <input type="radio" name="nationality" id="china" checked>
                    <label for="china">中国</label>
                    <input type="radio" name="nationality" id="foreign">
                    <label for="foreign">外国</label>
                </td>
            </tr>
            <tr class="row-blue-bg">
                <td>生日:</td>
                <td><input type="date" value="1999-11-18"></td>
            </tr>
            <tr>
                <td>最喜欢的颜色:</td>
                <td><input type="color" value="#9370DB"></td>
            </tr>
            <tr class="row-blue-bg">
                <td>个人说明:</td>
                <td><textarea rows="4" cols="20">tute</textarea></td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" value="提交">
                    <input type="reset" value="重置">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <strong>注册须知:</strong><br>
                    注册前请您仔细阅读用户服务协议的相关条款。
                </td>
            </tr>
        </table>
    </form>
</body>
</html>